"use client";
import LoginCard from "@/components/LoginCard";
import style from "./page.module.scss";
import Image from "next/image";
import Link from "next/link";
import { useState } from "react";

export default function Login() {
  const [register, setRegister] = useState(false);
  return (
    <div className={style["loginView"]}>
      <div className={style["header"]}>
        <Link href={"/"}>
          <Image src="/img/logo.png" alt="" width={160} height={60} />
        </Link>
      </div>
      <div className={style["loginContainer"]}>
        <div className={style["loginContent"]}>
          <div className={style["description"]}>
            <div className={style["title"]}>
              <h1>同步在线、共同学习讨论、海量学习视频</h1>
              <p>一起学习、答疑解惑、共享知识、共同进步</p>
            </div>
          </div>
          <div className={style["loginCardContainer"]}>
            <LoginCard register={register} setRegister={setRegister} />
            <div className={style["footer"]}></div>
          </div>
        </div>
      </div>
    </div>
  );
}
